.et-list {
  border: 1px solid $medium-gray;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  background-color: $white;
  padding: 0 1rem;
  min-height: 16.5rem;
  max-height: 16.5rem;
  overflow-y: auto;
  margin-bottom: 1rem;

  li {
    line-height: 2.5rem;
    position: relative;

    &:after {
      content: ' ';
      border: 0.5px dotted $medium-gray;
      position: absolute;
      left: 0;
      width: 100%;
      bottom: 0;
    }

    &:last-child:after {
      content: none;
    }

    i {
      font-size: 1rem;
    }

    .badge {
      display: initial;
      font-size: 0.875rem;
      padding: 0.125rem 0.5rem;
    }

    .et-checkbox input[type="checkbox"]:checked + span:after,
    .et-radio input[type="radio"]:checked + span:after, {
      height: 0.625rem;
      width: 0.625rem;
    }

    .grid-x {
      & > div:first-child {
        @include et-hide-char;
      }
    }
  }
}
